<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{{.i18n.wide}} - {{.i18n.wide_title}}</title>

    <meta name="keywords" content="Wide, Golang, IDE, Cloud, B3log, Login"/>
    <meta name="description" content="A Web-based Go IDE , do your development anytime, anywhere."/>
    <meta name="author" content="B3log">

    <link rel="stylesheet" href="/static/css/base.css?{{.conf.StaticResourceVersion}}">
    <link rel="stylesheet" href="/static/css/sign.css?{{.conf.StaticResourceVersion}}">
    <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
    {{if ne "" .conf.SiteStatCode}}
        {{.conf.SiteStatCode}}
    {{end}}
</head>
<body>
<div class="header">
    <div class="wrapper fn-clear">
        <a href="{{$.conf.Server}}/login" rel="login" style="flex:1">
            <img title="A Web-based Go IDE" src="/static/images/wide-logo.png" class="logo"/></a>
        <ul>
            <li><a href="{{$.conf.Server}}/playground" target="_blank" style="color: #cd504a">Play</a></li>
            <li><a rel="bookmark" href="https://github.com/88250/wide" target="_blank">GitHub</a></li>
            <li><a rel="help" href="https://hacpai.com/article/1538873544275" target="_blank">{{.i18n.help}}</a></li>
            <li><a rel="bookmark" href="https://hacpai.com" target="_blank">{{.i18n.community}}</a></li>
        </ul>
    </div>
</div>
<div class="content">
    <div class="wrapper fn-clear">
        <div class="fn-left">
            <h2>Hello, 世界</h2>
            <h3>Coding with Go on the Wide way.</h3>
        </div>
        <div class="form fn-right start">
            <a href="{{$.conf.Server}}/login/redirect">
                <svg class="login__icon" viewBox="0 0 32 32">
                    <path fill="#d23f31" style="fill: var(--color1, #d23f31)"
                          d="M5.787 17.226h17.033l5.954 9.528c0.47 0.752 0.003 1.361-1.042 1.361h-15.141z"></path>
                    <path d="M10.74 3.927h17.033c1.045 0 1.512 0.609 1.042 1.361l-5.954 9.528h-19.872l6.379-10.209c0.235-0.376 0.849-0.681 1.372-0.681z"></path>
                    <path d="M2.953 17.226h2.839l6.804 10.889h-1.892c-0.523 0-1.137-0.305-1.372-0.681z"></path>
                </svg>
            </a>
            <div class="start__aciton">
                <a href="{{$.conf.Server}}/login/redirect" class="btn">登录黑客派社区账号后即可开始使用</a>
                <span>&nbsp; &nbsp;</span>
                <a href="https://hacpai.com/article/1576294445994" target="_blank">
                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 32 32">
                        <path d="M19.652 25v6c0 0.55-0.45 1-1 1h-6c-0.55 0-1-0.45-1-1v-6c0-0.55 0.45-1 1-1h6c0.55 0 1 0.45 1 1zM27.552 10c0 4.75-3.225 6.575-5.6 7.9-1.475 0.85-2.4 2.575-2.4 3.3v0c0 0.55-0.425 1.2-1 1.2h-6c-0.55 0-0.9-0.85-0.9-1.4v-1.125c0-3.025 3-5.625 5.2-6.625 1.925-0.875 2.725-1.7 2.725-3.3 0-1.4-1.825-2.65-3.85-2.65-1.125 0-2.15 0.35-2.7 0.725-0.6 0.425-1.2 1.025-2.675 2.875-0.2 0.25-0.5 0.4-0.775 0.4-0.225 0-0.425-0.075-0.625-0.2l-4.1-3.125c-0.425-0.325-0.525-0.875-0.25-1.325 2.7-4.475 6.5-6.65 11.6-6.65 5.35 0 11.35 4.275 11.35 10z"></path>
                    </svg>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="footer">
            <span class="wrapper">
                Ver {{.ver}}, &copy; {{.year}}&nbsp;<a rel="copyright" href="https://b3log.org" target="_blank">B3log 开源</a>
            </span>
</div>
</body>
</html>
